@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font-family:arial,sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}html,body
{
  -webkit-text-size-adjust:none;
}
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.logo,.web_tit,.listtext ul li,.prolist ul li s{ background:url(images/icon.png) no-repeat;_background:url(images/icon-ie6.png) no-repeat; }

#header{ height:150px;}
.wrapper{ width:1000px; margin:0 auto;}
#header .wrapper{ position:relative; width:1000px; height:150px;}
.logo,.web_tit,.rwm,.language{ position:absolute;}
.logo{ width:90px; height:150px; left:0px; top:0px; background-position:0 0;}
.web_tit{left:90px; top:0;width:360px; height:150px;}
.tit_chs{background-position:0 -150px;}
.tit_en{background-position:0 -300px;}
.tit_jp{background-position:0 -450px;}
.rwm{ width:230px; height:130px; overflow:hidden; right:90px; top:10px;}
.rwm ul{ width:240px;}
.rwm ul li{ width:110px; margin-right:10px; float:left;}
.rwm ul li p{ width:110px; text-align:center; line-height:20px; color:#333; font-size:12px;}
.language{ width:80px; height:120px; background:#e0dad4; top:15px; right:0px;}
.language ul li{ text-align:center; font:12px/40px "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;}
.language ul li a{ color:#222; display:block; width:80px; height:40px;}
.language ul li a:hover{ background:#b9ada0}
.language ul li a.cur,.language ul li a.cur:hover{ color:#fff; background:#654628;}
#nav{ background:#654628; height:40px; padding:15px 0 10px 0;}
.nav ul li{ float:left; text-align:center; font:bold 16px/20px "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;}
.nav ul li a{ color:#fff;}
.nav ul li a:hover{ color:#ff0; background:#}
.nav ul#chs_nav{ width:990px; padding:0 5px;}
.nav ul#chs_nav li{ width:110px;}
.nav ul#chs_nav li span{ display:block; font:11px/18px Verdana, Geneva, sans-serif; text-transform:capitalize;webkit-text-size-adjust:none;}
.nav ul#en_nav{ width:990px; padding:0 5px;}
.nav ul#en_nav li{ width:110px;font-size:14px;}
.nav ul#en_nav li{text-transform:capitalize; padding:5px 0 0 0;}
.nav ul#en_nav li span{ display:none;}
.nav ul#jp_nav{ width:990px; padding:0 5px;}
.nav ul#jp_nav li{ width:110px; font-size:14px;}
.nav ul#jp_nav li span{ display:block; font:11px/18px Verdana, Geneva, sans-serif; text-transform:capitalize;webkit-text-size-adjust:none;}
.nav ul li ul{ display:none; position:absolute; left:0px; top:35px; background:#654628; z-index:9999999; padding:15px 0 0 0;width:140px;}
.nav ul li ul li{ float:none; font-size:12px; width:auto; line-height:1.4rem; text-align:left;}
.nav ul li ul li a{ display:block; width:110px; padding:5px 5px 5px 25px;}
.nav ul li ul li a:hover{ background:#774d25}
.nav ul li:hover{ position:relative;}
.nav ul li:hover ul{ display:block;}
.wrapper h1{border-bottom:solid 2px #ccc; font-size:20px; color:#654628; height:40px; line-height:40px; margin-bottom:10px; padding:10px 0 0 0px;}
h1.s_tit{ border:0px; font-size:20px; font-weight:bold;height:30px; line-height:30px; margin-bottom:5px;}
#footer{ font:12px/22px Verdana, Geneva, sans-serif; color:#333;}
#footer i{ display:block; background:#654628; text-align:center; line-height:30px;}
#footer i a{ color:#fff; border-right:solid 1px #846b53; padding:0 30px; display:inline-block;}
#footer i a:hover{ background:#5c3b1a;}
.link{ padding:0 10px; line-height:40px; background:#f0f0f0;}
.link em{ font-weight:bold; font-size:14px;}
.link a{ color:#333; text-decoration:underline; margin-right:15px;}
.link a:hover{ color:#f00; text-decoration:none;}
.footer{ padding:15px 0;}
.footer p{ text-align:center; }
.footer p.Support{ display:none;}
#body{ position:relative; margin-top:10px;}
.side{ position: absolute; left:0px; top:0px; width:200px;}
.sidenav{ width:200px; background:#f1f1f1; margin-top:0}
.sidenav h3{ font-size:24px; line-height:40px; color:#654628; padding:10px 0 5px 25px;}
.sidenav h3 span{ font-size:12px; color:#777; margin-left:5px;}
.sidenav ul{ padding:0px 0 20px 0;}
.sidenav ul li{ font:14px/30px "Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;text-transform:capitalize;}
.sidenav ul li a{ color:#333; padding-left:30px; width:170px; display:inline-block;;}
.sidenav ul li:hover{ background:#fff; position:relative;}
.sidenav ul li a.cur,.sidenav ul li a.cur:hover{ background:#654628; color:#fff;}
.sidenav ul li ul{ position:absolute; left:199px; top:0px; display:none;background:#fff; border:solid 1px #ccc; border-left:0; padding:0px; z-index:999999;}
.sidenav ul li ul li{font-size:12px; border-top:0;}
.sidenav ul li ul li a{padding-left:30px; width:170px;}
.sidenav ul li ul li a:hover{ background:#f1f1f1;}
.sidenav ul li:hover ul{ display:block;}
.search{ width:180px; padding:10px; background:#448600; margin-top:10px;}
.search h3{ font-size:20px; line-height:40px; color:#fff; padding:0 0 10px 15px;}
.search ul li{ float:left;}
.search ul li input.so{border:0; font-size: 12px;font-family: tahoma, arial,;height: 40px; line-height:40px; color: #222;width: 135px; padding-left:5px; background:#FFF;}
.content{ width:790px; padding:0 0 0 209px; background:#fff; border-right:solid 1px #ccc; min-height:420px;}
.con{ padding:5px 20px;}
/*图片*/
.imglistWrap {margin: 10px auto; }
.imglist { /*float: left; width: 230px;*/ margin-right: 10px; }
.imglist ul li { text-align: center; width: 210px; background: #fff; margin: 10px; padding: 5px; border: solid 1px #ccc; }
.imglist ul li p { font: 12px/24px Verdana, Geneva, sans-serif; }
.imglist ul li a p { color: #444; }
.imglist ul li img { max-width: 210px; _width: expression(this.width > 210 && this.width > this.height ? 210 :true); height:auto;}
.imglist ul li:hover { border-color: #555; }
.imglist ul li:hover p { background: #f1f1f1; color: #222 }
.imglist ul li:hover img.img { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.pro_pop { display: none; }

.more { height:20px; line-height:20px; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:100; overflow:hidden; }
.more a { color:#555;text-decoration:none }
.more a:hover { color:#f20; text-decoration:none; }
.place{ font-size:12px; color:#333; line-height:20px;}
.place a{ color:#333; text-decoration:none; }
.place a:hover{ color:#f50; text-decoration:underline;}
.place i{ font-weight:bold; color:#005e8d}

.text{ font:14px/26px Arial, Helvetica, sans-serif; color:#444; padding:20px;}
#Contact{ width:420px; float:right;}
#Contact ul li{ font-size:14px;}
#Contact ul li p{ line-height:25px; padding:0 10px;text-indent:0em;}
#Contact ul li i{ font:bold 20px/30px "Microsoft Yahei", Verdana, Geneva, sans-serif; color:#666; display:block; padding:10px 0;}
#Contact ul li i.s{ font-size:16px; line-height:30px; margin-top:15px;}
.Contact_map{  width:520px; height:400px; border:solid 1px #ccc;}
/*产品介绍*/
.category{ width:960px; height:500px; position:relative; margin:10px auto;}
#slider { z-index: 1; position: absolute; width: 960px; height: 500px; overflow: hidden; margin-top:5px;}
#slider .slide { z-index: 10; position: absolute; width: 900px;  height: 500px; overflow: hidden; top: 0; cursor: default; left: 0; text-align:left; }
#slider .diapo { position: absolute; filter: alpha(opacity=80); visibility: visible; opacity: 0.8 }
/*产品列表*/
.prolist { width:745px; overflow:hidden; margin:0px auto;}
.prolist ul { width:760px;}
.prolist ul li { float:left; padding:0; border:dashed 1px #ccc; border-top:0px; border-left:0px; margin-right:5px;margin-bottom:5px; width:245px; _height:225px; _overflow:hidden;  text-align:center; position:relative;}
.prolist ul li a { text-decoration:none; }
.prolist ul li p { font:12px/25px Tahoma, Geneva, sans-serif; color:#333; margin:0px auto 5px auto; height:25px; padding:0 10px; overflow:hidden; background:#fff; text-align:center; width:180px;}
.prolist ul li img { padding:5px; width:200px; height:150px; }
.prolist ul li:hover { background:none;}
.prolist ul li:hover p { background:#654628; color:#fff; }
.prolist ul li:hover img.img{filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
.prolist ul li s{ background-position:-360px 0; width:70px; height:70px; position:absolute; z-index:10; left:88px; top:50px; display:none;}
.prolist#vodlist ul li s{ display:block;}
.prolist ul li:hover s{ background-position:-360px -70px; cursor:pointer;}
.pop_win{ display:none;}
/*产品详细*/
.picDetail{ margin:0px; width:750px; overflow:hidden;}
.picDetail .place{ background:#f1f1f1; margin-bottom:10px; line-height:26px; padding-left:20px;}
#imageDiv{ width:320px;}
#imageDiv img{width:320px; height:240px;;border:solid 5px #f1f1f1;}
.cloud-zoom-lens { border: #ccc 1px solid; background-color: #fff; background-image: margin: -1px 2px 2px -3px; cursor: move;}
.cloud-zoom-title { position: absolute !important; text-align: center; padding: 3px; background-color: #000; width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 10px; top: 0px; font-weight: bold; }
.cloud-zoom-big { border: #f1f1f1 2px solid; overflow:hidden; margin:5px;}
.cloud-zoom-loading { padding: 3px;  background: #5b5b5b; color: white; border: #5b5b5b 1px solid; }
.product-img-box { width: 300px; float:left;}
.more-views { position: relative; margin: 10px 0 0 15px; width: 300px; height:55px; overflow: hidden;}
.more-views .next {position: absolute; width: 14px; display: block; height: 60px; top: -15px; cursor: pointer; right: 20px; background:url(images/more-views-arrow.png) 0 35px no-repeat}
.more-views .prev { position: absolute; width: 14px; display: block; height: 60px; top: -15px; cursor: pointer; left: 10px; background:url(images/more-views-arrow.png) 0 -30px no-repeat;}
.more-views .product_s_images { width: 210px;  height: 55px; overflow:hidden; margin-left:40px; }
.more-views ul li{ float:left; display:block; width:62px; height:47px;padding: 2px; margin:0px 2px; text-align:center; float:left; background:#FFF;}
.more-views ul li.on { background: #654628;}
.more-views ul li a { border:#e8e8e8 1px solid; width: 60px; display: block; height: 45px;}
.more-views ul li img { border:0; width:60px;height:45px;}

.picDetail ul li.picinfo{width:400px; color:#555; font-size:12px;}
.picDetail ul li.picinfo table{ width:400px; margin:0 auto;}
.picDetail ul li.picinfo table td{ padding:5px; font:12px/20px Verdana, Geneva, sans-serif; color:#444; border-bottom:solid 1px #ccc;}
.picDetail ul li.picinfo table th{ width:130px; font-weight:bold; text-align:right; font-size:14px; padding:5px; background:#f1f1f1;border-bottom:solid 1px #ccc; vertical-align:top; text-transform:capitalize;}

.picDetail .page{ width:740px; margin:10px auto;}
.picDetail .page ul li{ width:330px;}
.picDetail .page ul li a{  width:170px; _width:150px;  height:25px; overflow:hidden; display:block; float:left;}
.picshare{ margin:10px 0 0 20px;}
/*新闻*/
.news_body{}
.news_img{ width:220px;}
.news_img_con{ width:220px; height:540px; margin-bottom:15px; overflow:hidden;}
.news_img_con ul li{ width:210px; text-align:center; margin-bottom:5px;}
.news_img_con ul li img{ width:200px; height:150px; border:0;}
.news_img_con ul li a p{ text-align:center; font:12px/20px Verdana, Geneva, sans-serif; color:#222; height:18px; overflow:hidden; background:#f1f1f1; width:200px;  padding:5px 0;margin-left:5px;}
.news_img_con ul li a:hover p{ background:#654628; color:#fff;}

.news_list{ width:730px;}
.listtext { padding:0px;}
.listtext ul li { font-size:14px; padding:5px 5px 5px 25px; border-bottom:dashed 1px #ccc; background:none}
.listtext ul li.none{ background:none; border:0; height:20px; display:block;}
.listtext ul li span.time { font-size:12px; color:#777; line-height:23px;display:block;}
.listtext ul li a { color:#111; text-decoration:none;}
.listtext ul li a:hover { color:#f00; text-decoration:underline;}
.listtext ul.img{ float:left;}
.listtext ul.img img{  height:auto; padding:4px; border:solid 1px #ccc;}
.listtext ul.text{ float:right;}

.article{ padding:20px 10px; border:solid 1px #ccc;}
.article .place{text-align:right; padding-bottom:20px;}
.article h5{ display:block; overflow:hidden; padding-left:0; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background:#F8F8F8; padding:15px 0}
.article ul li{font-size:14px; padding:15px 25px; line-height:26px; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ background:#F8F8F8; border-bottom:solid 3px #f1f1f1; font-size:12px; line-height:26px; text-align:center; color:#222;}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 880px; _width: expression(this.width > 880 && this.width > this.height ? 880 :true);height: auto;}
.article .page{ width:850px; margin:10px auto;}
.article .page ul li{ width:385px;}
.article .page ul li a{  width:260px; _width:240px;  height:25px; overflow:hidden; display:block; float:left;}
/*页码*/
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-right:10px; text-decoration:none; display:block; padding:4px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#654628; border-color:#654628; cursor:default }
.page table td a:hover { color:#222; background:#f0f0f0; }
.page ul li{ background:#f8f8f8; padding:10px 20px; position:relative;}
.page ul li:hover{ background:#ededed;}
.page ul li i{ width:15px; height:25px; overflow:hidden; display:block; margin:0 10px;}
.page ul li span{ color:#666; float:left; line-height:25px;}
.page ul li.up{float:left;}
.page ul li.up i{  background-position:-850px -80px; float:left; }
.page ul li.down{ float:right;}
.page ul li.down i{ background-position:-890px -80px; float:right; position:absolute; right:10px; top:10px;}
.page ul li a{ color:#444; text-decoration:none; line-height:25px;}
.page ul li a:hover{ color:#f00; text-decoration:underline;}
/*滑动联系*/
.backtop a, .backtop a:hover,a.qrcode,a.qrcode:hover,#floatPanel .qrcodePanel,.qrcodePanel i,#ind_news ul.text li,#ind_news ul.text li:hover{ background:url(images/icon.png) no-repeat; _background:url(images/icon-ie6.png) no-repeat;}

.backtop{ right: 20px; bottom: 20px; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px;background-position:-850px 0px; }
.backtop a:hover {background-position:-900px 0px;}
#floatPanel .floaticon { width: 50px; height: 50px;  position: fixed; right: 20px; bottom:80px; overflow: hidden; z-index: 10000;_position: absolute; /* for IE6 */ _top:expression(documentElement.scrollTop + 600); }
#floatPanel .floaticon#float_en{display:block;}
#floatPanel .floaticon#float_jp{ display:block;}
#floatPanel .floaticon a.qrcode { width: 50px; height: 50px; display: block;overflow: hidden;background-position:-950px -150px; }
#floatPanel .floaticon a.qrcode:hover {background-position:-950px -200px; }
#floatPanel .floaticon#float_en a.qrcode:hover {background-position:-950px -250px; }
#floatPanel .floaticon#float_jp a.qrcode:hover {background-position:-950px -300px; }

#floatPanel .floatbody { width: 205px; height: 250px; position: fixed; right: 80px; bottom:20px; z-index: 10000; overflow: hidden; display: none; _position: absolute; /* for IE6 */ _top:expression(documentElement.scrollTop + 460);}
#floatPanel .floatbody .floatbody-inner { width: 205px; height: 250px; position: relative; overflow: hidden; }
#floatPanel .floatbody .floatbody-inner .qrcodePanel { width: 200px; height: 45px; position: absolute; left: 0px; top:0px; overflow: hidden; background-position:-740px -150px; padding:200px 0 5px 5px;;}
.qrcodePanel i{ width:190px; height:45px; display:block; background-position:-745px -400px;}
.qrcodePanel i.float_en{ background-position:-745px -445px;}
.qrcodePanel i.float_jp{ background-position:-745px -490px;}
/*切换图片*/
.switch{overflow: hidden; width:1000px; height:240px; margin:1px 0;}
.switchWarp{overflow: hidden; width:1000px; height:360px;  margin:1px 0;}
.num{bottom:20px;left:0px; position:absolute; width:100%; display:flex; align-items: center; justify-content: center; }
.num li{background: #ccc;width:15px;height:15px;margin:0 8px;cursor:pointer; text-indent:-990em; overflow:hidden;border-radius: 8px;}
.num li:hover{background:#F00;}
.num .active{background:#F00;}

.hotpro{ border:solid 1px #ccc;}
.hotpro ul{ padding:10px}
.hotpro ul li{ float:left; width:195px; text-align:center;}
.hotpro ul li img{ width:180px; height:135px; padding:3px; border:solid 1px #fff;}
.hotpro ul li p{ width:188px; margin:0 auto; text-align:center; font-size:12px; line-height:24px;}
.hotpro ul li a p{ color:#444;}
.hotpro ul li a:hover img{ border-color:#654628;}
.hotpro ul li a:hover p{ background:#654628; color:#fff;}
.case{ width:1000px; overflow:hidden; margin-top:15px; border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;}
.case ul{ width:1020px;}
.case ul li{ float:left; width:320px; margin-right:20px;}
.case ul li img{ width:300px; height:180px; padding:9px; border:solid 1px #ccc;}
.case ul li p{ width:320px; margin:0 auto; text-align:center; font-size:14px; line-height:30px;}
.case ul li a p{ color:#444;}
.superiority{ margin-top:10px;}
.superiority ul{border:0}
.about_vod{ width:400px; border:dashed 1px #ccc; border-top:0; padding:10px;}
.about_vod #player_1{ width:400px; height:230px;}
.about_vod_r{ width:570px; height:280px; font-size:12px; line-height:26px; background:#f1f1f1; padding:15px 0 0 8px;}
.about_vod_r p img{ width:565px; height:230px;}
.about_vod_r p#name{ font-size:18px; font-weight:bold; line-height:30px;}
#ind_news{ margin:10px 0;}
#ind_news ul.img{ width:410px;}
#ind_news ul.img img{ width:410px; height:200px;}
#ind_news ul.text{ width:550px;}
#ind_news ul.text li { font-size:12px; padding:3px 3px 3px 25px;background-position:-985px 13px;}
#ind_news ul.text li:hover{ background-position:-983px -37px;}